<template>
    <div class="frontend-layout">
      <NavHeader />
      <main class="main-content">
        <router-view />
      </main>
      <NavFooter />
    </div>
  </template>
  
  <script setup>
  import NavHeader from '@/components/frontend/NavHeader.vue'
  import NavFooter from '@/components/frontend/NavFooter.vue'
  </script>
  
  <style scoped>
  .frontend-layout {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #ffffff;
  }
  
  .main-content {
    flex: 1;
    background: #f8f7f5;
    margin-top: 64px;
    min-height: calc(100vh - 64px);
  }
  </style>